<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <script src="../../js/load.js"></script>
</head>

<body>
<div id="container">
    <div id="formcontainer">
        <form class="layui-form layui-form-pane" id="editform" lay-filter="editform">
            <div class="layui-row" id="hashKeyRow" style="display: none;">
                <div class="layui-col-xs12">
                    <div class="layui-form-item">
                        <label class="layui-form-label required" style="width: 140px;">hashKey</label>
                        <div class="layui-input-block" style="margin-left: 140px;">
                            <input type="text" name="hashKey" id="hashKey" autocomplete="off"
                                   class="layui-input required">
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row" id="scoreRow" style="display: none;">
                <div class="layui-col-xs12">
                    <div class="layui-form-item">
                        <label class="layui-form-label required" style="width: 140px;">score</label>
                        <div class="layui-input-block" style="margin-left: 140px;">
                            <input type="text" name="score" id="score" autocomplete="off"
                                   class="layui-input required number">
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs12">
                    <div class="layui-form-item layui-form-text">
                        <label class="layui-form-label">value</label>
                        <div class="layui-input-block">
                            <textarea name="value" id="value" autocomplete="off" class="layui-textarea"
                                      style="height: 200px;"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div id="opcontainer">
        <button class="layui-btn" onclick="HandleSave()">确认</button>
        <button class="layui-btn layui-btn-primary" onclick="HandleClose()">关闭</button>
    </div>
</div>
</body>
</html>
<script>
    var keyType = GetUrlParam("keyType");
    var backUpParam = JSON.parse(JSON.stringify(GetParam()));
    $(function () {
        if (keyType == "hash") {
            $("#hashKeyRow").show();
        }
        if(keyType=="zset"){
            $("#scoreRow").show();
        }
        var param = GetParam();
        SetStaticForm("editform", param);
    })

    function HandleSave() {
        data = {};
        data.dbIndex = backUpParam.dbIndex;
        data.key = backUpParam.key;
        if (keyType == "hash") {
            data.hashKey = backUpParam.hashKey;
            data.newHashKey = $("#hashKey").val();
            data.newValue = $("#value").val();
        }
        if (keyType == "zset") {
            data.value = backUpParam.value;
            data.newValue = $("#value").val();
            data.newScore = $("#score").val();
        }
        if (keyType == "list") {
            data.index = backUpParam.index;
            data.value = $("#value").val();
        }
        if (keyType == "set") {
            data.value = backUpParam.value;
            data.newValue = $("#value").val();
        }
        SubmitStaticForm('api/redis/updateRow', data, function (result, status) {
            if (result.code == 0) {
                OpenSuccess('保存成功', function (params) {
                    CloseDialog();
                })
            } else {
                OpenFail(result.msg);
            }
        })
    }

    function BeforeSubmit(data) {

        return true;
    }

    function HandleClose() {
        CloseDialog();
    }
</script>